<template>
	<div class="wrapper">
		<div class="container">
			<div class="d-flex justify-content-between align-content-center f-item">
				<div class="f-text">
					<p>Copyright © 2020 HINA. All Rights Reserved.</p>
					<p>粤ICP备17042771号</p>
				</div>
				<div class="f-icon hidden-xs">
					<a href="">
						<img src="../assets/images/f.png" alt="" class="img-fluid">
					</a>
					<!-- <iframe id="iframe" src="资源1.svg"></iframe> -->
					<a href="">
						<img src="../assets/images/in.png" alt="" class="img-fluid">
					</a>
					<a href="">
						<img src="../assets/images/fx.png" alt="" class="img-fluid">
						<!-- <img src="../assets/images/avator.svg" alt="" class="img-fluid"> -->
					</a>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {}
</script>

<style lang="scss" scoped>
	
	.wrapper {
		// margin-top: 60px;
		height: 149px;
		width: 100%;
		background-color: #000;
		display: flex;
		align-items: center;
	}
	
	
	@media screen and (max-width:750px){
		.f-icon{
			display: none;
		}
	}
	
	.f-text {
		color: #B3B3B3;
		display: flex;
		justify-content: center;
		flex-direction: column;
		p{
			font-size: 12px;
		}
	}

	.f-icon {
		a {
			padding-left: 5px;
			padding-right: 5px;
		}
	}
</style>
